import React from "react";
import { DiscoverStyle } from "./Discover.style";

import DiscoverItem from "./discoverItem/DiscoverItem";

const Discover = (props) => {
  const { discover} = props;
  return (
    <>
      <DiscoverStyle>
        {discover.map((item, index) => {
          return (
          <DiscoverItem key={index} item={item} />
          )
        })}
      </DiscoverStyle>
    </>
  );
};

export default Discover;
